/*mirrorcode 样式*/
.codeMirror {
    width: 100%;
    height: 100%;
    display: flex;
    :global {
        .left {
            width: 49%;
            height: 100%;
            overflow: auto;
            .code {
                width: 100%;
                padding-top: 10px;
                padding-left: 20px;
                .codename {
                    font-size: 20px;
                    font-weight: bold;
                    border: 1px solid rgba(0, 0, 0, 0.144);
                    margin-bottom: 5px;
                    border-radius: 5px;
                    text-align: center;
                    position: relative;
                    line-height: 33px;
                    height: 38px;
                    // box-shadow: ;
                }
                .MirrorSelf {
                    height: 388px;
                    .CodeMirror-overlayscroll {
                        height: 100%;
                    }
                }
            }
        }
        .right {
            width: 49%;
            margin-left: 1%;
            height: 100%;
            border: 1px solid rgba(0, 0, 0, 0.116);
            background: #ffffff;
            box-shadow: 0px 0 0.5px hsla(170deg, 95%, 80%, 1) inset;
            // 0px 0 1px hsla(170deg, 91%, 80%, 0.95) inset,
            // 0px 0 2px hsla(171deg, 91%, 80%, 0.95) inset,
            // 0px 0 3px hsla(171deg, 91%, 80%, 0.95) inset,
            // 0px 0 4px hsla(171deg, 91%, 82%, 0.9) inset,
            // 0px 0 5px hsla(172deg, 91%, 82%, 0.9) inset,
            // 0px 0 10px hsla(173deg, 91%, 84%, 0.9) inset,
            // 0px 0 20px hsla(174deg, 91%, 86%, 0.85) inset,
            // 0px 0 40px hsla(175deg, 91%, 86%, 0.85) inset,
            // 0px 0 60px hsla(175deg, 91%, 86%, 0.85) inset;
        }
    }
}
